<template>
  <div class="doc_2">
    <h2 id="doc_2_1">1. 项目创建</h2>
    <p>在我的作品中进行创建项目，创建成功后自动进入编辑页面；</p>
    <p>
      <span>
        <img src="https://cdn.nlark.com/yuque/0/2019/png/356919/1559033368224-99c7f479-16e9-49a0-b6de-12e6c56eb1ed.png?x-oss-process=image/resize,w_1290" alt="">
      </span>
    </p>
    <p></p>

    <h2 id="doc_2_2">2. 作品设置</h2>
    <p>编辑页面点击作品设置按钮，并弹出设置界面；</p>
    <p>
      <span>
        <img src="https://cdn.nlark.com/yuque/0/2019/png/356919/1559033766971-30510120-baea-4da4-956e-9a26972c9767.png?x-oss-process=image/resize,w_1308" alt="">
      </span>
    </p>
    <p></p>
    <h3>a. 微信/微博等分享设置</h3>
    <p>主要功能设置：1. 微博分享到微信的图文；2. 微信分享到微信的图文；</p>
    <p>
      <span>
        <img src="https://cdn.nlark.com/yuque/0/2019/png/356919/1559034321207-1659e7ab-8bf9-416f-973c-a53be78a3183.png" alt="">
      </span>
    </p>
    <p></p>
    <p>注意⚠️在预览/发布界面也可以设置全局分享图片和文案（如果要想这里设置的属性生效，那么在上图中的“设置微信分享时样式“和”设置微博分享时样式“这两个选中框都不要勾选，如果勾选了其中任意一个，那么在分享时都会使用这两个选中框中的属性）</p>
    <p>
      <span>
        <img src="https://cdn.nlark.com/yuque/0/2019/png/356919/1559035403103-c4758344-5e1c-4e22-8c92-1e2a9f274866.png?x-oss-process=image/resize,w_658" alt="">
      </span>
    </p>
    <p></p>
    <h3>b. 背景音乐</h3>
    <p>主要功能设置：全局项目页面展示时的背景音乐，可设置或取消；</p>
    <p>
      <span>
        <img src="https://cdn.nlark.com/yuque/0/2019/png/356919/1559034499110-adc91656-15f4-4e7d-af5b-7e69837270eb.png" alt="">
      </span>
    </p>
    <p></p>
    <h3>c. 更多功能</h3>
    <p>主要功能设置：微博Appkey，并引导如何申请Appkey（若项目中不涉及微博相关业务接口，可去勾选）；</p>
    <p>
      <span>
        <img src="https://cdn.nlark.com/yuque/0/2019/png/356919/1559034698682-c94911a1-9dcf-4aa6-939a-f2b9d1f843fa.png" alt="">
      </span>
    </p>
    <p></p>

    <h2 id="doc_2_3">3. 保存</h2>
    <p>⚠️这个按钮的功能是截取一个站点的第一个页面并上传图片到服务器，然后保存图片地址作为站点的封面，同时保存站点数据。因此不建议在站点布局没有完成的时候点击它，你可以点击”预览/发布“按钮保存站点数据。</p>
    <p>下图是在我的作品中展示的站点信息，下图这几个站点的封面就是通过点击”保存“按钮，将站点的第一个页面保存为封面在这里展示出来的。</p>
    <p>
      <span>
        <img src="https://cdn.nlark.com/yuque/0/2019/png/356936/1560136253037-1daabb08-669c-47ee-8ca0-a055b4f637b7.png?x-oss-process=image/resize,w_2000" alt="">
      </span>
    </p>
    <p></p>

    <h2 id="doc_2_4">4. 预览/发布</h2>
    <p>点击”预览/发布“按钮可以保存站点数据。</p>
    <h3>a. 编辑页面预览/发布</h3>
    <p>
      <span>
        <img src="https://cdn.nlark.com/yuque/0/2019/png/356919/1559035038807-c910746a-781c-4ebe-ae9c-264ae5275a84.png" alt="">
      </span>
    </p>
    <p></p>
    <h3>b. 我的作品中预览</h3>
    <p>
      <span>
        <img src="https://cdn.nlark.com/yuque/0/2019/png/356919/1559035206944-5e9d97d6-30d0-4bb6-a069-5af2e00016dd.png?x-oss-process=image/resize,w_274" alt="">
      </span>
    </p>
    <p></p>

    <h2 id="doc_2_5">5. 发布/取消发布（即上线/下线）</h2>
    <p>可在预览/发布页面进行上/下线；</p>
    <p>
      <span>
        <img src="https://cdn.nlark.com/yuque/0/2019/png/356919/1559035549603-04ba23c7-cd97-454d-85cc-0efa749ae2ee.png" alt="">
      </span>
    </p>
    <p></p>
    <p>或者，在我的作品的操作功能中进行上/下线操作</p>
    <p>
      <span>
        <img src="https://cdn.nlark.com/yuque/0/2019/png/356919/1559035678670-fba7dbec-5dc9-4630-8974-5f9f6f63435d.png" alt="">
      </span>
    </p>
  </div>
</template>

<script>
  import { submenuMixin } from '@/views/child/doc/data/submenu';
  export default {
    mixins: [submenuMixin],
  }
</script>

<style lang="scss" scoped>
  @import '@/assets/css/doc.scss';
</style>
